<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test pdf view</title>
<style type="text/css">
body {
	font-family: SimSun;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	color: #00F;
}

table {
	border-collapse: collapse;
	/* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */
	border: solid #999; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */
	border-width: 1px 0 0 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

table caption {
	font-size: 14px;
	font-weight: bolder;
}

table th,table td {
	border: solid #999;
	border-width: 0 1px 1px 0;
	padding: 2px;
}

tfoot td {
	text-align: center;
}
</style>

</head>
<body>
	<a id="viewpdf" href=''>test.pdf</a>
	<script type="text/javascript">
		document.getElementById("viewpdf").href = "test.pdf?url="
				+ (encodeURIComponent("http://localhost:8080/jtoy/index.html"));
	</script>
	<img src="http://www.google.com.hk/images/nav_logo82.png" alt="google" />
	<input type="checkbox" name="a" checked="checked" />
	<input type="radio" name="b" checked="checked" />
	<hr />
	<table>
		<tr>
			<td>用户ID</td>
			<td>用户名</td>
			<td>密码</td>
			<td>部门</td>
		</tr>
		<c:forEach items="${users}" var="u">
			<tr>
				<td>${u.userId }</td>
				<td>${u.username }</td>
				<td>${u.password }</td>
			</tr>
		</c:forEach>
	</table>
	<table>
		<caption>表格头</caption>
		<thead>
			<tr>
				<th>名称</th>
				<th>网址</th>
				<th>时间</th>
			</tr>
		</thead>
		<tfoot>
			<tr>
				<td colspan="3">下一页</td>
			</tr>
		</tfoot>
		<tbody>
			<tr>
				<th>百度</th>
				<td>http://www.baidu.com</td>
				<td>2007.01.11</td>
			</tr>
			<tr>
				<th>百度</th>
				<td>http://www.baidu.com</td>
				<td>2007.01.11</td>
			</tr>
			<tr>
				<th>百度</th>
				<td>http://www.baidu.com</td>
				<td>2007.01.11</td>
			</tr>
		</tbody>
	</table>

</body>
</html>